<template>
	<view>
		<!-- 价格表 S -->
		<view class="tp-fc333 tp-fz30">
			<!-- 酒店 S -->
			<view v-if="pageName == 'hotel'" class="tp-h88 level_align flex_between tp-bgf tp-mb2 tp-ptb0lr30">
				<text>房费</text>
				<view class="level_align flex_end">
					<text class="tp-mr20">￥{{info.roomCurrentPrice}}</text><text  class="tp-mr20">x{{info.day}}天</text><text>×{{info.roomNum}}间</text>
				</view>
			</view>
			<!-- 酒店 E -->
			<!-- 景区 S -->
			<view class="" v-if="pageName == 'scenic'" v-for="item in info.list" :key='items.id'>
				<view class="tp-h88 level_align flex_between tp-bgf tp-mb2 tp-ptb0lr30">
					<text>{{item.ticketsName}}</text>
					<view class="level_align flex_end">
						<text class="tp-mr30">￥{{item.ticketsPrice}}</text><text>x{{item.num}}张</text>
					</view>
				</view>
			</view>

			<!-- 景区 E -->
			<!-- 旅游 S -->
			<view class="" v-if="pageName == 'travel'">
				<view class="tp-h88 level_align flex_between tp-bgf tp-mb2 tp-ptb0lr30">
					<text>基本团费</text>
					<view class="level_align flex_end">
						<text class="">￥{{info.totalAmount}}</text>
					</view>
				</view>
			</view>
			<!-- 旅游 E -->
			<view class="tp-h88 level_align flex_between tp-bgf tp-mb2 tp-ptb0lr30">
				<text>优惠券</text>
				<view class="level_align flex_end">
					<text>-￥{{info.customerCouponPrice}}</text>
				</view>
			</view>
			<view class="tp-h88 level_align flex_between tp-bgf tp-mb2 tp-ptb0lr30">
				<text>积分</text>
				<view class="level_align flex_end">
					<text>-￥{{info.integralPrice}}</text>
				</view>
			</view>
			<view class="tp-h88 level_align flex_between tp-bgf tp-mb2 tp-ptb0lr30">
				<text>合计</text>
				<view class="flex align_baseline flex_end tp-red tp-fw600">
					<text class="tp-fz24">￥</text><text>{{info.totalRealAmount}}</text>
				</view>
			</view>
		</view>
		<!-- 价格表 E -->

		<!-- 图片 S -->
		<view class="tp-m0a tu1 tp-mt20">
			<image class="" :src="www + 'imgs/snap/tu1.png'" mode=""></image>
		</view>
		<view class="level_align flex_between tp-ptb0lr30 tp-mt20">
			<view class="tu2 ">
				<image class="" src="static/tu2.png" mode=""></image>
			</view>
			<view class="tu2 ">
				<image class="" src="static/tu3.png" mode=""></image>
			</view>
		</view>
		<view class="tp-m0a tu1 tp-mt20">
			<image class="" src="static/tu4.png" mode=""></image>
		</view>
		<!-- 图片 E -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
				pageName: 'scenic',
				info: {}, // 页面信息
			};
		},
		onLoad(opt) {
			this.pageName = opt && opt.pageName
			this.info = opt && opt.info && JSON.parse(opt.info)
		},
		methods: {}
	}
</script>

<style lang="scss">
	.tu1 {
		width: 690rpx;
		height: 222rpx;
	}

	.tu2 {
		width: 335rpx;
		height: 128rpx;
	}
</style>
